<!DOCTYPE html>
<html lang="en" manifest="demo.appcache">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <h3>应用缓存：请使用低于85版本的chrome进行测试。</h3>
    <p>例如：<a
            href="https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Win_x64/767520/">version:
            84.0.4144.8position: 767520</a></p>
    <p>操作步骤：1）先清空浏览器缓存；2）先正常加载页面；3）删除后端的对应资源；4）重新加载页面，验证结果。</p>

    <hr>

    <div>
        <p>对下面的图片和页面设置CACHE MANIFEST：在服务器删掉下面的资源后，刷新页面，还能显示</p>
        <img src="img11.jpg" alt="示例图片" style="width: 300px;"> <br>
        <iframe src="demo1.html" style="border: blue 2px dotted;"></iframe>
    </div>
    <hr>
    <div>
        <p>对下面的图片和页面设置NETWORK：在服务器删掉下面的资源后，刷新页面，还能显示</p>
        <img src="img12.jpg" alt="示例图片" style="width: 300px;"> <br>
        <iframe src="demo2.html" style="border: blue 2px dotted;"></iframe> <br>
    </div>

</body>

</html>